<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>威米信息科技有限公司-威米信息</title>
</head>

<body>
  <header id="header" class="container-fluid">
    <nav class="row">
      <img class="logo-img" src="../static/img/logo.png" alt="logo" />
      <div class="col-5 offset-md-5">
        <ul class="nav-bar">
          <a class="nav-item active" href="#">
            <li>首页</li>
          </a>
          <a class="nav-item" href="./products.html">
            <li>产品与服务</li>
          </a>
          <a class="nav-item" href="#">
            <li>客户案例</li>
          </a>
          <a class="nav-item" href="./about.html">
            <li>关于威米</li>
          </a>
          <a class="nav-item" href="./contacts.html">
            <li>联系我们</li>
          </a>
          <a class="nav-item" href="./news.html">
            <li>新闻中心</li>
          </a>
        </ul>
      </div>
      <button>获取产品演示</button>
    </nav>
  </header>
  <main>
    <div id="swiper">
      <div class="swiper-container">
        <section class="swiper-item">
          <img src="../static/img/index/bg1.png" alt="#" />
          <div class="swiper-item-management">
            <div class="swiper-item-management-produce">生产流程精细化管理</div>
            <articl class="swiper-item-management-paragraph">助力企业推进深度两化融合，<br>
              为企业智能制造提供全方位的系统解决方案
            </articl>
            <div class="swiper-item-management-view">
              <div class="swiper-item-management-view-Details">查看详情</div>
              <span class="iconWrapper"><i class="fas fa-arrow-right" style="color: #ffffff;margin-top:3px;font-size: 1vw;"></i></span>
            </div>
          </div>
        </section>
        <section class="swiper-item">
          <img src="../static/img/index/bg2.png" alt="#" />
          <div class="swiper-item-management">
            <div class="swiper-item-management-produce">生产流程精细化管理</div>
            <articl class="swiper-item-management-paragraph">助力企业推进深度两化融合，<br>
              为企业智能制造提供全方位的系统解决方案
            </articl>
            <div class="swiper-item-management-view">
              <div class="swiper-item-management-view-Details">查看详情</div>
              <span class="iconWrapper"><i class="fas fa-arrow-right" style="color: #ffffff;margin-top:3px;font-size: 1vw;"></i></span>
            </div>
          </div>
        </section>
        <section class="swiper-item">
          <img src="../static/img/index/bg1.png" alt="#" />
          <div class="swiper-item-management">
            <div class="swiper-item-management-produce">生产流程精细化管理</div>
            <articl class="swiper-item-management-paragraph">助力企业推进深度两化融合，<br>
              为企业智能制造提供全方位的系统解决方案
            </articl>
            <div class="swiper-item-management-view">
              <div class="swiper-item-management-view-Details">查看详情</div>
              <span class="iconWrapper"><i class="fas fa-arrow-right" style="color: #ffffff;margin-top:3px;font-size: 1vw;"></i></span>
            </div>
          </div>
        </section>
        <!--        <section class="swiper-item">-->
        <!--          <img src="../static/img/test/2.webp" alt="#" />-->
        <!--        </section>-->
        <!--        <section class="swiper-item">-->
        <!--          <img src="../static/img/test/3.jpg" alt="#" />-->
        <!--        </section>-->
      </div>
      <div class="pagination-container">
        <ul class="pagination">
          <li class="pagination-item"></li>
          <li class="pagination-item"></li>
          <li class="pagination-item"></li>
          <li class="pagination-item__bg"></li>
        </ul>
      </div>
    </div>
    <div id="production" class="container">
      <div class="title">产品清单</div>
      <div class="introduction">
        <div class="introduction--main">
          为您构建全新的“数据化管理”，打造智慧型企业
        </div>
        <div class="introduction--sub">
          支持多方位平台展示，为数据信息全方面护航
        </div>
      </div>
      <div class="production-pictures">
        <section class="production-pictures-item">
          <img class="item-bg" src="../static/img/index/mesPicture.png" alt="" />
          <div class="item-active">
            <img class="item-active--logo" src="../static/img/index/mesLogo.png" alt="" />
            <span class="item-active--title">MES 制造系统</span>
            <article class="item-active--content">
              智能制造系统架构通过生命周期、系统层级和智能功能三个维度构建
            </article>
          </div>
        </section>
        <section class="production-pictures-item">
          <img class="item-bg" src="../static/img/index/wmsPicture.png" alt="" />
          <div class="item-active">
            <img class="item-active--logo" src="../static/img/index/wmsLogo.png" alt="" />
            <span class="item-active--title">MES 制造系统</span>
            <article class="item-active--content">
              智能制造系统架构通过生命周期、系统层级和智能功能三个维度构建
            </article>
          </div>
        </section>
        <section class="production-pictures-item">
          <img class="item-bg" src="../static/img/index/OAPicture.png" alt="" />
          <div class="item-active">
            <img class="item-active--logo" src="../static/img/index/OALogo.png" alt="" />
            <span class="item-active--title">MES 制造系统</span>
            <article class="item-active--content">
              智能制造系统架构通过生命周期、系统层级和智能功能三个维度构建
            </article>
          </div>
        </section>
        <section class="production-pictures-item">
          <img class="item-bg" src="../static/img/index/smartPicture.png" alt="" />
          <div class="item-active">
            <img class="item-active--logo" src="../static/img/index/smartLogo.png" alt="" />
            <span class="item-active--title">MES 制造系统</span>
            <article class="item-active--content">
              智能制造系统架构通过生命周期、系统层级和智能功能三个维度构建
            </article>
          </div>
        </section>
      </div>
    </div>
    <div id="wmproperties" class="container">
      <div class="title">选择威米</div>
      <div class="sub-title">优化制造理念和管理模式</div>
      <div class="properties-detail">
        <div class="properties-detail--item">
          <img src="../static/img/index/prop1.png" alt="" />
          <div class="properties-detail--item__title">生产透明化</div>
          <div class="properties-detail--item__description">
            缩减用工成本，减少沟通，提高人员生产效率
          </div>
        </div>
        <div class="properties-detail--item">
          <img src="../static/img/index/prop2.png" alt="" />
          <div class="properties-detail--item__title">分析实时数据</div>
          <div class="properties-detail--item__description">
            缩减用工成本，减少沟通，提高人员生产效率
          </div>
        </div>
        <div class="properties-detail--item">
          <img src="../static/img/index/prop3.png" alt="" />
          <div class="properties-detail--item__title">全天候服务</div>
          <div class="properties-detail--item__description">
            缩减用工成本，减少沟通，提高人员生产效率
          </div>
        </div>
        <div class="properties-detail--item">
          <img src="../static/img/index/prop4.png" alt="" />
          <div class="properties-detail--item__title">性价比提高</div>
          <div class="properties-detail--item__description">
            缩减用工成本，减少沟通，提高人员生产效率
          </div>
        </div>
        <div class="properties-detail--item">
          <img src="../static/img/index/prop5.png" alt="" />
          <div class="properties-detail--item__title">多平台展示</div>
          <div class="properties-detail--item__description">
            缩减用工成本，减少沟通，提高人员生产效率
          </div>
        </div>
        <div class="properties-detail--item">
          <img src="../static/img/index/prop6.png" alt="" />
          <div class="properties-detail--item__title">操作简单</div>
          <div class="properties-detail--item__description">
            缩减用工成本，减少沟通，提高人员生产效率
          </div>
        </div>
      </div>
    </div>
    <div id="advantages">
      <div class="content-wrapper">
        <div class="title">小投入 大回报</div>
        <div class="sub-title">优化制造理念和管理模式</div>
        <div class="container content-list">
          <div class="content-list--item">
            <div class="content-list--item-detail">
              <div class="detail__title">75%</div>
              <article class="detail__content">
                降低和消除资料录入时间
              </article>
            </div>
            <div class="content-list--item-detail">
              <div class="detail__title">75%</div>
              <article class="detail__content">
                降低和消除资料录入时间
              </article>
            </div>
            <div class="content-list--item-detail">
              <div class="detail__title">75%</div>
              <article class="detail__content">
                降低和消除资料录入时间
              </article>
            </div>
          </div>
          <div class="content-list--item">
            <div class="content-list--item-detail">
              <div class="detail__title">75%</div>
              <article class="detail__content">
                降低和消除资料录入时间
              </article>
            </div>
            <div class="content-list--item-detail">
              <div class="detail__title">75%</div>
              <article class="detail__content">
                降低和消除资料录入时间
              </article>
            </div>
            <div class="content-list--item-detail">
              <div class="detail__title">75%</div>
              <article class="detail__content">
                降低和消除资料录入时间
              </article>
            </div>
          </div>
          <div class="content-list--item">
            <div class="content-list--item-detail">
              <div class="detail__title">75%</div>
              <article class="detail__content">
                降低和消除资料录入时间
              </article>
            </div>
            <div class="content-list--item-detail">
              <div class="detail__title">75%</div>
              <article class="detail__content">
                降低和消除资料录入时间
              </article>
            </div>
            <div class="content-list--item-detail">
              <div class="detail__title">75%</div>
              <article class="detail__content">
                降低和消除资料录入时间
              </article>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="parnters" class="container">
      <div class="title">合作伙伴</div>
      <ul class="partners-list">
        <li class="partners-list--item">
          <img src="../static/img/index/aklogo.png" alt="" />
          <article class="partners-list--item--content">
            苏州爱康光电科技有限公司成立于2010年，是一家具有领先地位的专业太阳能光伏电池和组件的制造及服务供应商
          </article>
        </li>
        <li class="partners-list--item">
          <img src="../static/img/index/swmlogo.png" alt="" />
          <article class="partners-list--item--content">
            苏州爱康光电科技有限公司成立于2010年，是一家具有领先地位的专业太阳能光伏电池和组件的制造及服务供应商
          </article>
        </li>
        <li class="partners-list--item">
          <img src="../static/img/index/wmlogo.png" alt="" />
          <article class="partners-list--item--content">
            苏州爱康光电科技有限公司成立于2010年，是一家具有领先地位的专业太阳能光伏电池和组件的制造及服务供应商
          </article>
        </li>
      </ul>
    </div>
  </main>
  <footer>
    <div class="container">
      <img src="../static/img/logo.png" class="logo" alt="#">
      <div id="footer-nav--wrapper">
        <ul class="index">
          <li class="footer-nav--header">首页</li>
          <li class="footer-nav--item production">产品清单</li>
          <li class="footer-nav--item wmproperties">选择威米</li>
          <li class="footer-nav--item advantages">小投入，大回报</li>
          <li class="footer-nav--item parnters">合作客户</li>
        </ul>
        <ul>
          <li class="footer-nav--header">产品与服务</li>
        </ul>
        <ul>
          <li class="footer-nav--header">客户案例</li>
        </ul>
        <ul>
          <li class="footer-nav--header">关于威米</li>
          <li class="footer-nav--item">发展历程</li>
          <li class="footer-nav--item">我们的优势</li>
          <li class="footer-nav--item">企业文化</li>
        </ul>
        <ul>
          <li class="footer-nav--header">联系我们</li>
        </ul>
      </div>
      <address id="contact">
        <div class="title">联系我们</div>
        <ul class="contact-wapper">
          <li class="contact-item">
            <span class="icon-wrapper"><i class="fas fa-phone"></i></span>
            <a href="tel:0512-5612356" class="contact-item__phone">0512-5612356</a>
          </li>
          <li class="contact-item">
            <span class="icon-wrapper"><i class="fas fa-envelope"></i></span>
            <a href="mailto:wmintel@wmintel.cn">wmintel@wmintel.cn</a>
          </li>
          <li class="contact-item">
            <span class="icon-wrapper" style="margin-right: 5px;"><i class="fas fa-map-marker-alt"></i></span>
            <a href="geopoint:31.3685220000,120.7381490000">苏州市工业园区翡翠湾产业园N307</a>
          </li>
        </ul>
      </address>
    </div>
  </footer>
</body>

</html>